<template>
    <el-scrollbar class="scrollbar-handle left_nav">
        <ul>
            <li>
                <i class="iconfont icon-goumai"></i>
                <div>收银</div>
            </li>
            <li>
                 <i class="iconfont icon-dianpu"></i>
                <div>店铺</div>
            </li>
            <li>
                <i class="iconfont icon-hanbao"></i>
                <div>商品</div>

            </li>
            <li>
                <i class="iconfont icon-huiyuanqia"></i>
                <div>会员</div>
            </li>
            <li>
                <i class="iconfont icon-zuanshi"></i>
                <div>统计</div>
            </li>
            <li>
                <i class="iconfont icon-gongnengjianyi"></i>
                <div>设置</div>
            </li>
        </ul>
    </el-scrollbar>
</template>


<script>
export default {};
</script>

<style lang="less" scoped>
    .left_nav{
        color: #ffffff;
        font-size: 10px;
        height: 100%;
        background-color: #1D8CE0;
        float: left;
        width: 5%;
    }
    .iconfont {
        font-size: 24px;
    }
    .left_nav ul {
        padding: 0px;
        margin: 0px;
    }
    .left_nav li {
        list-style: none;
        text-align: center;
        border-bottom: 1px solid #1D8CE0;
        padding: 10px;
    }
</style>
